<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title><?=$title;?></title>
		<link rel="stylesheet" type="text/css" href="http://dingjiang.com/views/home/css/base.css"/>
		<style>
			/**********************top部分开始**********************************/
			.top{
				width:100%;
				height:30px;
				background:#eff4f7;
				margin:0 auto;
				border:1px solid #e6edf1;
			}
			.top_1{
				margin-left:240px;
				line-height:30px;
				font-size:14px;
				float:left;
				cursor:pointer;
			}
			.top_2{
				float:left;
				line-height:30px;
				font-size:14px;
				margin-left:10px;
				cursor:pointer;
			}
			/***********************top部分结束*********************************/
			
			/**********************head部分开始**********************************/
			.head{
				width:970px;
				height:100px;
				background:#fcfdfe;
				margin:0 auto;
				
			}
			.logo{
				width:75px;
				height:86px;
				background:url('http://dingjiang.com/views/home/image/logo.png')no-repeat;
				float:left;
				margin-top:10px;
				cursor:pointer;
				
			}
			.register{
				width:280px;
				height:55px;
				float:left;
				margin-left:540px;
			
				margin-top:26px;
				cursor:pointer;
				
			}
			
			.login{
				width:70px;
				height:60px;
				float:left;
			
				border-left:1px solid #ccc;
				margin-top:17px;
			}
			.p1,.p2{
				margin:8px;
				cursor:pointer;
			}
			.p2{
				font-weight:bold;
				color:#336699
			}
			.put_1,put_2,.put_3,put_4{
				
				cursor:pointer;
			}
		
			/***********************head部分结束*********************************/
			
			/********************搜索部分开始**********************************/
			.sou_so{
				width:970px;
				height:136px;
				background:#fff;
				margin:0 auto;
			}
			
			.ss_one{
				width:970px;
				height:35px;
				background:#2B7ACD;
			}
			.ss_one{
				
			}
			.ss_p{
				float:left;
				color:#fff;
				font-size:16px;
				border-right:1px solid #a6b1bc;
				padding:0px 18px;
				margin-top:8px;
			}
			.ss_p1,.ss_p2,.ss_p3,.ss_p4{
					float:left;
					color:#fff;
					font-size:16px;
					border-right:1px solid #a6b1bc;
					padding:0px 18px;
					margin-top:8px;
			}
			.ss_two{
				width:970px;
				height:45px;
				background:#f6f8fa;
			}
			
			.ss_pic{
				width:38px;
				height:36px;
				background:url('http://dingjiang.com/views/home/image/ss_pic.png')no-repeat;
				float:left;
			}
			.ss_form{
				
				float:left;
				
			}
			.form_ss{
				display:block;
				width:408px;
				height:30px;
				font-size:16px;
			
				border:1px solid #cdcdcd;
				float:left;
				margin-top:6px;
			}
			.button_ss{
				display:block;
				width:64px;
				height:32px;
				color:#336699;
				background:#e4e9ed;
				font-weight:bold;
				font-size:16px;
				border:1px solid #cdcdcd;
				float:left;
				margin-top:6px;
			}
			.ss_t1{
				color:#444444;
				line-height:45px;
				font-weight:bold;
				float:left;
				margin-left:6px;
			}
			
			.ss_t2,.ss_t3,.ss_t4{
				float:left;
				color:#336699;
				line-height:45px;
				margin-left:6px;
			}
			
			.ss_three{
				width:970px;
				height:28px;
				background:#fff;
			
			}
			.little_pic{
				width:30px;
				height:23px;
				background:url('http://dingjiang.com/views/home/image/little_1.png')no-repeat;
				float:left;
				margin-top:4px;
			}
			.font_left{
				float:left;
				line-height:28px;
			}
			
			
			.ss_four{
				width:970px;
				height:28px;
				background:#fff;
		
			}
			.font_right_pic{
				width:19px;
				height:17px;
				background:('http://dingjiang.com/views/home/image/little_right.png')no-repeat;
				float:left;
			}
			.ss_four ul{
				float:right;
				
			}
			.font_right_1{
				float:left;
				border-right:1px solid #d5ccd5;
				padding:0px 8px;
				margin-top:4px;
			}
			
			.font_right_2{
				float:left;
				border-right:1px solid #d5ccd5;
				padding:0px 8px;
				margin-top:4px;
			}
			
			.font_right_3{
				float:left;
				
				padding:0px 8px;
				margin-top:4px;
			}
			
			
			/***********************搜索部分结束*********************************/
		
	
		</style>
		
	</head>
	
	<body>
		<!-- top部分开始 -->
		<div class="top clearFix">
			<p class="top_1">设为首页</p>
			<p class="top_2">收藏本页</p>
		</div>
		<!--  top部分结束-->
		
		<!-- head部分开始 -->
		<div class="head clearFix">
			<!-- logo部分 -->
			<div class="logo"></div>
			<!-- 登录部分 -->
			<div class="register">
				<form action="" method="">
					用户名<input type="text" value="" name="username"/>
					<input type="checkbox" value="自动登陆" id="register"/><label for="register">自动登录</label>
					密码<input class="put_3" style="margin-left:12px" type="password" name="password" value=""/>
					<input class="put_4" style="width:60px" type="submit" value="登录"/>
				</form>
			</div>
			<div class="login">
				<p class="p1">找回密码</p>
				<p class="p2">立即注册</p>
			</div>
		</div>

		<!--  head部分结束-->
		
		
		<!-- 搜索部分开始 -->
		<div class="sou_so">
			<div class="ss_one clearFix">
			<?php foreach($data as $k => $v):?>
					<p class="ss_p"><?=$v;?></p>
			<!--	<p class="ss_p1">首页</p>
				<p class="ss_p2">PHP技术交流</p>
				<p class="ss_p3">程序人生</p>
				<p class="ss_p4">1234567</p>
			-->
			<?php endforeach;?>
			</div>
			
			<div class="ss_two clearFix">
				<p class="ss_pic"></p>
				<form action="" method="" class="ss_form clearFix">
					<input class="form_ss" type="text" value="" name="" placeholder="请输入搜索内容"/><button class="button_ss">搜索</button>
				</form>
				<p class="ss_t1">热搜：</p>
				<p class="ss_t2">活动</p>
				<p class="ss_t3">交友</p>
				<p class="ss_t4">教程</p>
			</div>
			
			<div class="ss_three">
				<p class="little_pic"></p>
				<p class="font_left">> 论坛</p>
			</div>
			
			<div class="ss_four clearFix">
				<p class="font_right_pic"></p>
				<ul class="clearFix">
					<li class="font_right_1">帖子：<?=$bookNum;?></li>
					<li class="font_right_2">会员：<?=$muber;?></li>
					<li class="font_right_3">欢迎新会员：<?=$username;?></li>
				</ul>	
		
			</div>
		
		</div>
		<!--  搜索部分结束-->
		
		

	
	</body>

</html>